<%--
  Created by IntelliJ IDEA.
  User: XML
  Date: 2018/7/14
  Time: 21:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"  isELIgnored="false" %>
<!DOCTYPE HTML>
<html class="no-js">
<head>
    <!-- Basic Page Needs
      ================================================== -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <!-- Mobile Specific Metas
      ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CSS
      ================================================== -->
    <link href="${pageContext.request.contextPath}/css/bootstrap.css" rel="stylesheet" type="text/css"><!-- Bootstrap -->
    <link href="${pageContext.request.contextPath}/css/bootstrap-theme.css" rel="stylesheet" type="text/css"><!-- Bootstrap Theme -->
    <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css"><!-- Style Css -->
    <link href="${pageContext.request.contextPath}/vendor/magnific/magnific-popup.css" rel="stylesheet" type="text/css"><!-- Magnific Popup -->
    <link href="${pageContext.request.contextPath}/vendor/owl-carousel/css/owl.carousel.css" rel="stylesheet" type="text/css"><!-- Owl Carousel -->
    <link href="${pageContext.request.contextPath}/vendor/owl-carousel/css/owl.theme.css" rel="stylesheet" type="text/css"><!-- Owl Carousel Theme -->
    <!-- Color Style -->
    <link href="${pageContext.request.contextPath}/colors/color1.css" rel="stylesheet" type="text/css">
    <link href="${pageContext.request.contextPath}/css/custom.css" rel="stylesheet" type="text/css"><!-- CUSTOM STYLESHEET FOR STYLING -->
    <!-- SCRIPTS
      ================================================== -->
    <script src="js/modernizr.js"></script><!-- Modernizr -->
</head>
<body class="home">
<div class="body">
    <!-- start topbar -->
    <header class="topbar">
        <!-- start container -->
        <div class="container">
            <ul class="topbar-menu">
                <li><a href="${pageContext.request.contextPath}/shop.do" title="Shop">购物</a>
                    <ul>
                        <li><a href="#" title="Cart">物流</a></li>
                        <li><a href="#" title="Cart">结账</a></li>
                    </ul>
                </li>
                <li><a href="#" title="Contact">联系我们</a></li>
                <li><a href="#" title="Donations">赠送</a></li>
            </ul>
            <div class="header-info-col">
                <i class="fa fa-phone"></i>
                <strong>1800-9090-8089</strong>
            </div>
            <div class="header-info-col">
                <i class="fa fa-envelope-o"></i>
                <strong><a href="mailto:help@obsequy.com" title="help@obsequy.com">1106358053@qq.com</a></strong>
            </div>
            <div class="header-info-col">
                <i class="fa fa-map-marker"></i>
                <strong>浙江工贸职业技术学院</strong>
            </div>
        </div>
        <!-- end container -->
    </header>
    <!-- end topbar -->
    <!-- start header -->
    <header class="site-header-wrapper">
        <div class="site-header">
            <!-- start container -->
            <div class="container">
                <!-- start site logo -->
                <div class="site-logo">
                    <a href="${pageContext.request.contextPath}/main.do" title="Obsequy" class="default-logo"><img src="${pageContext.request.contextPath}/images/logo.png" alt="Obsequy"></a>
                    <a href="${pageContext.request.contextPath}/main.do" title="Obsequy" class="default-retina-logo"><img src="${pageContext.request.contextPath}/images/logo@2x.png" alt="Obsequy" width="204" height="46"></a>
                </div>
                <!-- end site logo -->
                <a href="#" id="menu-toggle">
                    <i class="fa fa-bars"></i>
                </a>
                <div class="search-module">
                    <a href="#" class="search-module-trigger">
                        <i class="fa fa-search"></i>
                    </a>
                    <div class="search-module-opened">
                        <form id="searchform" action="#">
                            <div class="input-group input-group-sm">
                                <input type="text" name="s" id="s" class="form-control input-sm">
                                <span class="input-group-btn"><button name ="submit" type="submit" class="btn btn-lg btn-default"><i class="fa fa-search"></i></button></span>
                            </div>
                        </form>
                    </div>
                </div>
                <a href="#" class="cart-module-trigger">
                    <i class="fa fa-shopping-cart"></i>
                </a>
                <!-- start main navigation -->
                <nav class="main-navigation pull-right">
                    <ul class="dd-menu sf-menu">
                        <li ><a href="${pageContext.request.contextPath}/main.do" title="Home"><span>首页</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/aboutUs.do" title="About"><span>关于我们</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/shop.do" title="Shop"><span>购物车</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/services.do" title="Services"><span>服务</span></a></li>
                        <li class="active" ><a href="${pageContext.request.contextPath}/blog.do" title="Blog"><span>博客</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/shop.do" title="Send Flowers"><span>送花</span> <img src="images/flower-e1476975452944.png" alt=""></a>
                        </li>
                    </ul>
                </nav>
                <!-- end main navigation -->
            </div>
            <!-- end container -->
        </div>
    </header>
    <!-- end header -->
    <!-- start hero area -->
    <div class="hero-area">
        <!-- start page banner -->
        <div class="page-banner parallax">
            <!-- start container -->
            <div class="container">
                <h1>Blog</h1>
            </div>
            <!-- end container -->
        </div>
        <!-- end page banner -->
    </div>
    <!-- end hero area -->
    <!-- Start body content -->
    <div class="main" role="main">
        <div id="content" class="content full">
            <!-- start container -->
            <div class="container padding-tb60">
                <!-- start row -->
                <div class="row">
                    <div class="col-md-9 content-block">
                        <div class="post-list-item">
                            <!-- start row -->
                            <div class="row">
                                <div class="col-md-4 col-sm-4 format-standard">
                                    <a href="#" class="media-box grid-featured-img">
                                        <img src="${pageContext.request.contextPath}/images/img15-600x399.jpg" alt="">
                                    </a>
                                </div>
                                <div class="col-md-8 col-sm-8">
                                    <h3><a href="#">Why you should plan ahead</a></h3>
                                    <div class="meta-data grid-item-meta">
                                        <div>
                                            <i class="fa fa-calendar"></i>
                                            November 8, 2017
                                        </div>
                                        <div>
                                            <i class="fa fa-pencil"></i>
                                            <a href="#">admin</a>
                                        </div>
                                        <i class="fa fa-folder"></i>
                                        <a rel="category tag" href="#">Resources</a>
                                    </div>
                                    <div class="grid-item-excerpt">
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate…...</p>
                                    </div>
                                    <a href="#" title="Read more" class="btn btn-primary btn-secondary">Read more</a>
                                </div>
                            </div>
                            <!-- end row -->
                        </div>
                        <div class="post-list-item">
                            <!-- start row -->
                            <div class="row">
                                <div class="col-md-4 col-sm-4 format-standard">
                                    <a href="#" class="media-box grid-featured-img">
                                        <img src="${pageContext.request.contextPath}/images/img17-600x400.jpg" alt="">
                                    </a>
                                </div>
                                <div class="col-md-8 col-sm-8">
                                    <h3><a href="#">What to do when a death occurs</a></h3>
                                    <div class="meta-data grid-item-meta">
                                        <div>
                                            <i class="fa fa-calendar"></i>
                                            November 8, 2017
                                        </div>
                                        <div>
                                            <i class="fa fa-pencil"></i>
                                            <a href="#">admin</a>
                                        </div>
                                        <i class="fa fa-folder"></i>
                                        <a rel="category tag" href="#">Guidelines</a>
                                    </div>
                                    <div class="grid-item-excerpt">
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate…...</p>
                                    </div>
                                    <a href="#" title="Read more" class="btn btn-primary btn-secondary">Read more</a>
                                </div>
                            </div>
                            <!-- end row -->
                        </div>
                        <div class="post-list-item">
                            <!-- start row -->
                            <div class="row">
                                <div class="col-md-4 col-sm-4 format-standard">
                                    <a href="#" class="media-box grid-featured-img">
                                        <img src="${pageContext.request.contextPath}/images/img16-1.jpg" alt="">
                                    </a>
                                </div>
                                <div class="col-md-8 col-sm-8">
                                    <h3><a href="#">Funeral Etiquettes you should remember</a></h3>
                                    <div class="meta-data grid-item-meta">
                                        <div>
                                            <i class="fa fa-calendar"></i>
                                            November 8, 2017
                                        </div>
                                        <div>
                                            <i class="fa fa-pencil"></i>
                                            <a href="#">admin</a>
                                        </div>
                                        <i class="fa fa-folder"></i>
                                        <a rel="category tag" href="#">Resources</a>
                                    </div>
                                    <div class="grid-item-excerpt">
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate…...</p>
                                    </div>
                                    <a href="#" title="Read more" class="btn btn-primary btn-secondary">Read more</a>
                                </div>
                            </div>
                            <!-- end row -->
                        </div>
                    </div>
                    <div class="sidebar col-md-3">
                        <div class="widget sidebar-widget widget_search">
                            <form action="#">
                                <input class="form-control" type="text" placeholder="Search Posts..." value="" name="s">
                                <div class="input-group-btn">
                                    <button name="submit" type="submit" class="btn btn-primary">
                                        <i class="fa fa-search fa-lg"></i>
                                    </button>
                                </div>
                            </form>
                        </div>
                        <div class="widget sidebar-widget widget_recent_entries">
                            <h3 class="widgettitle">Recent Posts</h3>
                            <ul>
                                <li><a href="#">Why you should plan ahead</a></li>
                                <li><a href="#">What to do when a death occurs</a></li>
                                <li><a href="#">Funeral Etiquettes you should remember</a></li>
                            </ul>
                        </div>
                        <div class="widget sidebar-widget widget_recent_comments">
                            <h3 class="widgettitle">Recent Comments</h3>
                            <ul>
                                <li><span>admin</span> on <a href="${pageContext.request.contextPath}/singleObituary.do">Jennifer Henderson</a></li>
                                <li><span>admin</span> on <a href="${pageContext.request.contextPath}/singleObituary.do">Jennifer Henderson</a></li>
                                <li><span>admin</span> on <a href="#">Why you should plan ahead</a></li>
                            </ul>
                        </div>
                        <div class="widget sidebar-widget widget_archive">
                            <h3 class="widgettitle">Archives</h3>
                            <ul>
                                <li><a href="${pageContext.request.contextPath}/blog.do">November 2017</a></li>
                            </ul>
                        </div>
                        <div class="widget sidebar-widget widget_categories">
                            <h3 class="widgettitle">Categories</h3>
                            <ul>
                                <li><a href="#">Guidelines</a></li>
                                <li><a href="#">Resources</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
    </div>
    <!-- end body content -->
    <!-- start footer -->
    <jsp:include page="foot.jsp"/>
    <!-- end footer -->
    <a id="back-to-top"><i class="fa fa-arrow-up"></i></a>
</div>
<script src="${pageContext.request.contextPath}/js/jquery-2.2.3.min.js"></script> <!-- Jquery Library Call -->
<script src="${pageContext.request.contextPath}/vendor/magnific/jquery.magnific-popup.min.js"></script> <!-- Maginific Popup Plugin -->
<script src="${pageContext.request.contextPath}/js/ui-plugins.js"></script> <!-- UI Plugins -->
<script src="${pageContext.request.contextPath}/js/helper-plugins.js"></script> <!-- Helper Plugins -->
<script src="${pageContext.request.contextPath}/vendor/owl-carousel/js/owl.carousel.min.js"></script> <!-- Owl Carousel -->
<script src="${pageContext.request.contextPath}/js/bootstrap.js"></script> <!-- UI -->
<script src="${pageContext.request.contextPath}/js/init.js"></script> <!-- All Scripts -->
<script src="${pageContext.request.contextPath}/vendor/flexslider/js/jquery.flexslider.js"></script> <!-- FlexSlider -->
<!--<script src="js/jquery.mb.YTPlayer.js"></script>-->
</body>
</html>

